<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>个人简历</title>
	<script src="static/js/jquery-3.6.0.min.js"></script>
	<style>
		.q{
			height: 560px;
			width: 850px;
			background-color: #CCCCCC;
			border: solid 1px black;
			border: none;
		}
		.a{
			height: 560px;
			width: 250px;
			background-color:#CCCCCC;
		}
		.a1{
			margin-left: 70px;
			/*padding-top: 40px;*/
		}
		.a3{
			height: 300px;
			margin-left: 20px;
			margin-right: 20px;
		}
		.b{
			height: 650px;
			width: 600px;
			background-color:white;
			margin-top: -1330px;
			margin-left: 250px;
		}
		.b1{
			padding-top: 750px;
			margin-left: 60px;
			position: relative;
			margin-top: 70px;
			font-size: 20px;
			height: 30px;
		}
		.b2{
			position: relative;
			margin-top: -48px;
			padding-top: 25px;
			margin-left: 170px;
			font-size: 20px;
		}
		.b3{
			position: relative;
			margin-top: 30px;
			height: 35px;
			width:160px;
			background-color: #3498DB;
			margin-left: -30px;
		}
		.b3 font{
			margin-left: 50px;
		}
		.b4{
			margin-left: 25px;
		}
	</style>
	<script>
		$(function (){
			aa();
		})
		function aa(){
			let userId=sessionStorage.getItem("userId");
			$.ajax({
				type: 'GET',// 提交方式，跟接口规定的一致
				url: '/welcome/message/people?userId='+userId,// url服务端的接口地址
				cache: false,// 不启用缓存
				dataType: 'json',// 期望后端返回的数据的类型
				success: function (res) {
					console.log("返回个人信息", res)
					$(`
							<h4><b> 学号：</b>${res.result.userId}<h4>	
				
							<h4><b>性别：</b>${res.result.sex}<h4>
				
							<h4><b>电话：</b>${res.result.phone}<h4>
				
							<h4><b>班级：</b>${res.result.classname}<h4>
			
							<h4><b>公寓：</b>${res.result.apartment}<h4>
				
							<h4><b>宿舍号：</b>${res.result.dormitory}<h4>`).appendTo($(".a3"));
					$(`<font size="6">${res.result.nickName}</font>`).appendTo($(".b1"));
					$(`<i>就读专业：${res.result.specialty}</i>`).appendTo($(".b2"));
				},
				error:function (err){
					bootoast({
						message: '服务器请求错误！',
						type: 'danger',
						position: 'top',
						timeout: 2
					});
				}
			})
		}
	</script>
</head>
<body>
<div class="q">
	<!--第一部分-->
	<div class="a">
		<div class="a1">
			<img src="img/校徽.JPG" height="100px" width="100px" />
		</div>
		<br />
		<br />
		<br />
		<!--个人信息-->
		<b><font color="dodgerblue" size="4">&nbsp;&nbsp;&nbsp;&nbsp;个人信息：</font></b>

		<br />
		<div class="a3">

		</div>
		<br />
		<br />
		<!--第二部分-->
		<div class="b">
			<div class="b1"><font size="6"></font></div>
			<div class="b2"></div>
			<div class="b3"><font size="4" color="floralwhite">入学须知</font></div>
			<div class="b4">
				<font size="4">
					&nbsp;&nbsp;&nbsp;&nbsp;学院积极开展国际交流与合作，先后与美国、英国、意大利、法国、比利时、西班牙、澳大利亚、韩国、日本等国的多所高校建立了交流与合作关系，学习囯际先进教育理念和方法，邀请国外专家来校讲学或作学术报告，推动学院向更高水平发展。与多所高校签订了联合办学协议，为优秀毕业生出国深造提供了方便。
				</font>
			</div>
			<div class="b4">
				<font size="4">
					&nbsp;&nbsp;&nbsp;&nbsp;国学大师季羡林生前曾多次来陕西寻根中华文化。季老生前与吕明先生长达十二年的“忘年交”、师徒情，长期关注和悉心指导集团所属三所大学，亲自授权弟子吕明创办季羡林国学院。季羡林国学院位于季老恩师、一代文学大师、国学大师吴宓的故乡陕西咸阳，现已获陕西省人民政府主管部门正式批准，目前设有季羡林纪念馆、学术研究中心、国学研究所、通史研究所、出版社、国服研究所、国画研究所、国医研究所、黑陶研究所等，以实现季老“弘扬56个民族大国学思想，国学与民学结合以及国学源于民间、运用于民间”的夙愿。纪念馆展示和保存了季老照片近千幅、实物、手稿和书籍万余件。季羡林国学院的设立，丰富了办学内涵，让伟大的国学思想滋养一代又一代青年学子，成为我国传统文化独具特色的教育圣地。
				</font>
			</div>

		</div>
	</div>
	</div>
</body>
</html>